<!DOCTYPE html>
<html class="no-js " lang="zh-CN" >
    <script type="text/javascript">
    window.l_createElement = document.createElement;
    window.l_Function = window.Function;
    window.l_open = window.open;
    window.l_adoptNode = document.adoptNode;
    window.l_defineProperty = Object.defineProperty;
</script>
<head>
    <meta charset="utf-8">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="cleartype" content="on">
    <title>{$item['title']}</title>
    <script type="text/javascript" src="../core/resource/js/jquery-1.11.1.min.js"></script>
    <script>
    function _removeHTMLTag(str) {
        if(typeof str == 'string'){
            str = str.replace(/<script[^>]*?>[\s\S]*?<\/script>/g,'');
            str = str.replace(/<style[^>]*?>[\s\S]*?<\/style>/g,'');
            str = str.replace(/<\/?[^>]*>/g,'');
            str = str.replace(/\s+/g,'');
            str = str.replace(/&nbsp;/ig,'');
        }
        return str;
    }
    </script>

<style type="text/css">
{php $logo = empty($reply['logo']) ? '/addons/jy_h5game/custom/templates/mobile/games/hd_guaguaka/style/img/logo.png' : $_W['attachurl'].$reply['logo'];}
	.apps-cards .logo {
        background:url('{$logo}') no-repeat;
    }
    @media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3 / 2),only screen and (min-device-pixel-ratio:1.5) {
	.apps-cards .logo {background-image:url('{$logo}');}
</style>

    <!-- meta viewport -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

   <!-- CSS -->
    <link rel="stylesheet" href="{$file}/style/css/base.css" onerror="_cdnFallback(this)">
    <link rel="stylesheet" href="{$file}/style/css/cards.css" onerror="_cdnFallback(this)">    </head>

<body class=" ">
<style>
.fe-floatback {width: 32px; position: fixed; top: 4px;left:4px; text-align: center; z-index: 1003;}
.fe-floatback a{ display: block; width: 32px; height: 32px;}
.fe-floatback a img{width:32px;height:32px;opacity:0.5;}
{$item['diycss']}
</style>
<div class="fe-floatback">
		<a href="{$backurl}">
			<img src="../core/resource/images/goback.png"></i>
		</a>
</div>
<div class="container ">
<div class="apps-game">
        <div class="apps-cards">
		<div class="logo"></div>
		<div class="scratch-wrap">
				<div class="result-area">
					<div class="face-area"></div>
					<div class="result-content-wap">
						<p class="result-title"></p>
						<p class="result-content"></p>
					</div>
				</div>
				<div class="scratch-area">
				</div>
		</div>
		<div class="opt-area">
				<a href="{$welcomeurl}" class="opt-play-again-btn">再玩一次</a>
		</div>
		<div class="info-area">
				<ul class="activity-info">
					<li>1.活动有效时间：
						<div class="activity-info-content">{php echo $item['starttime2']} 至 {php echo $item['endtime2']}</div>
					</li>
					<li>2.活动说明：
							<div class="activity-info-content">{$item['content']}</div>
					</li>							
				</ul>
		</div>
			
		<div class="bottom-button-area">
				<a href="{$awardurl}" class="bottom-button js-view-prize">获奖名单</a><a href="{$infourl}" class="bottom-button">个人中心</a>
		</div>
	</div>
	<div id="wxcover"></div>    
</div>

    <script id="apps-modal-tpl" type="text/template">
        <div class="apps-mask">
            <div class="apps-modal">
                <div class="apps-modal-content-wrap">
                    <p class="js-apps-modal-content apps-modal-content"></p>
                    <div class="apps-modal-action">
                        <button class="js-apps-modal-confirm apps-btn apps-primary-btn">确定</button>
                        <button class="js-apps-modal-cancel apps-btn">取消</button>
                    </div>
                </div>
            </div>
        </div>
    </script>

    <script id="apps-notice-tpl" type="text/template">
        <div class="apps-mask">
            <div class="apps-notice-wap">
                <div class="apps-notice-close"></div>
                <div class="apps-notice-content"></div>
            </div>
        </div>
    </script>
    <!-- JS -->
<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js" onerror="_cdnFallback(this)"></script> 
<script type="text/javascript">
    var _apps_global = {php echo $json};
	var logout = "{php echo $logout}";
	var id = "{php echo $id}";
	var token = "{php echo $token}";
</script>
<script src="/addons/jy_h5game/custom/templates/mobile/games/hd_guaguaka/style/js/cards.js" onerror="_cdnFallback(this)"></script>
<script>
window.addEventListener("load", function() {
        var resultArea = $('.result-area')
        , scratchWrap = $('.scratch-wrap');
        if(appUtils.process.check()){
            resultArea.addClass('ready').removeClass('not-ready');
            apps_card.init();
        } else {

            resultArea.addClass('not-ready').removeClass('ready');
            scratchWrap.on('click mouseup', function(e){
                setTimeout(function(){
                    appUtils.process.check();
                });
            });
        }

        appUtils.process.onconfirm = function(){
            resultArea.addClass('ready').removeClass('not-ready');
            scratchWrap.unbind('click mouseup');
            apps_card.init();
        }

        if(!_apps_global.hasPoint){
            $('.js-activity-note').remove();
        }

    }, false);
</script> 
 <!-- 微信分享设置 -->
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
     wx.config({
        debug:false,
        appId: "{$jssdkconfig['appId']}",
        timestamp: "{$jssdkconfig['timestamp']}",
        nonceStr: "{$jssdkconfig['nonceStr']}",
        signature: "{$jssdkconfig['signature']}",
        jsApiList: [
            'onMenuShareTimeline','onMenuShareAppMessage','onMenuShareWeibo'
        ]
    });

   var shareMeta  = {$share};

    wx.ready(function(){
        wx.onMenuShareTimeline(shareMeta);
        wx.onMenuShareAppMessage(shareMeta);
        wx.onMenuShareWeibo(shareMeta);
    });

</script>
</body>
</html>